<nz-card [nzBordered]="false">
  <form nz-form [formGroup]="validateForm" >
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="title" nzRequired>
        <span>
          站点名称
          <i nz-icon nz-tooltip nzTitle="请输入站点名称" type="question-circle" theme="outline"></i>
        </span>
      </nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input nz-input id="siteName" formControlName="siteName" [(ngModel)]="setting.siteName">
        <nz-form-explain *ngIf="validateForm.get('siteName').dirty && validateForm.get('siteName').errors">请输入站点名称!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="author" >
        <span>
          站点域名
          <i nz-icon nz-tooltip nzTitle="请输入站点域名" type="question-circle" theme="outline"></i>
        </span>
      </nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input nz-input id="domainUrl" formControlName="domainUrl" [(ngModel)]="setting.domainUrl">
        <nz-form-explain *ngIf="validateForm.get('domainUrl').dirty && validateForm.get('domainUrl').errors">请输入站点域名!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="author" >
        <span>
          工信部网站备案号
          <i nz-icon nz-tooltip nzTitle="请输入工信部网站备案号" type="question-circle" theme="outline"></i>
        </span>
      </nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input nz-input id="domainCaseNumber" formControlName="domainCaseNumber" [(ngModel)]="setting.domainCaseNumber">
        <nz-form-explain *ngIf="validateForm.get('domainCaseNumber').dirty && validateForm.get('domainCaseNumber').errors">请输入工信部网站备案号!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="author" >
        <span>
          公司名称
          <i nz-icon nz-tooltip nzTitle="请输入公司名称" type="question-circle" theme="outline"></i>
        </span>
      </nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input nz-input id="companyName" formControlName="companyName" [(ngModel)]="setting.companyName">
        <nz-form-explain *ngIf="validateForm.get('companyName').dirty && validateForm.get('companyName').errors">请输入公司名称!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="author" >
        <span>
          公司地址
          <i nz-icon nz-tooltip nzTitle="请输入公司地址" type="question-circle" theme="outline"></i>
        </span>
      </nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input nz-input id="companyAdress" formControlName="companyAdress" [(ngModel)]="setting.companyAdress">
        <nz-form-explain *ngIf="validateForm.get('companyAdress').dirty && validateForm.get('companyAdress').errors">请输入公司地址!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="author" >
        <span>
          公司电话
          <i nz-icon nz-tooltip nzTitle="请输入公司电话" type="question-circle" theme="outline"></i>
        </span>
      </nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input nz-input id="companyPhone" formControlName="companyPhone" [(ngModel)]="setting.companyPhone">
        <nz-form-explain *ngIf="validateForm.get('companyPhone').dirty && validateForm.get('companyPhone').errors">请输入公司电话!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>


    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="summer" >
        <span>
          站点默认Title标题
          <i nz-icon nz-tooltip nzTitle="请输入站点默认标题" type="question-circle" theme="outline"></i>
        </span>
      </nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <textarea nz-input id="title" formControlName="title" rows="2" [(ngModel)]="setting.title"></textarea>
        <nz-form-explain *ngIf="validateForm.get('title').dirty && validateForm.get('title').errors">请输入站点默认标题!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="keywords" >
        <span>
          默认的META关键字
          <i nz-icon nz-tooltip nzTitle="请输入默认的META关键字" type="question-circle" theme="outline"></i>
        </span>
      </nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <textarea nz-input id="meta" formControlName="meta" rows="2" [(ngModel)]="setting.meta"></textarea>
        <nz-form-explain *ngIf="validateForm.get('meta').dirty && validateForm.get('meta').errors">请输入默认的META关键字!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item nz-row style="margin-bottom: 8px;">
      <nz-form-control [nzSpan]="14" [nzOffset]="6">
        <button nz-button type="submit" [nzType]="'primary'" (click)="handleSave()" [nzLoading]="isConfirmLoading">保存</button>
      </nz-form-control>
    </nz-form-item>
  </form>
</nz-card>


